@font-face {
    font-family: 'avantgarde_bk_btbook';
    src: url('avant-webfont.woff2') format('woff2'),
         url('avant-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body,html{
	background-color: #808080;
	width:100%;
	min-height:100%;
	height:100%;
}
#login{
	width:400px;
	height:200px;
	position: absolute;
	padding:10px;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin: auto;
	border:1px solid #c17b94;
	background-color: #eceded;
	box-shadow: 6px 8px 22px 0 rgba(50, 50, 50, 0.75);
}
.error{
	color:red;
}
#sperrung{
	width:100%;
	height:100%;
	position: fixed;
	top:0;
	left:0;
	z-index:200000;
	background-color: rgba(0,0,0,0.68);
}
:-webkit-full-screen #diashow {
  width: 100%;
  height: 100%;
}

body,textarea{
	margin:0;
	padding:0;
	font-family: avantgarde_bk_btbook,Helvetica,Arial,sans-serif;
	color:#212c7f;
	font-size:18px;
}
h1{
	font-size: 26px;
	font-weight: normal;
	margin:0;
	padding:0;
	padding-bottom:24px;
}
h2{
	font-size: 22px;
	font-weight: normal;
	margin:0;
	padding:0;
	padding-bottom:24px;
}

textarea{
	display:block;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	height:100px;
}
.seite{
	display:none;
	padding-left:47px;
	padding-top:15px;	
	padding-bottom:24px;
	width:864px;
	position: relative;
}

#logo{
/*position:absolute;
top:-53px;
left:-104px;
*/
width:119px;
height:110px;
/*background-image:url("bilder/logo.png");
z-index:10;
*/
margin-left:260px;
}

#seite{
	width:100%;
	max-width:1440px;
	min-height:100%;
	margin:auto;
	margin-top:0px;
	background-color: #cbd5ea;
	
	/* background-image:url(bilder/seiten_bg.png);
	background-repeat: no-repeat;
	background-size:65% 100%;	 */
}
#seite1 ul,#seite2 ul{
	cursor:pointer;
	text-decoration: underline;
}

#seite5{
	text-align: center;
	height:420px;
}
#diashow{
width:100%;
height:100%;
	position: relative;
}
#diashow img{
	height:100%;
	width:auto;
	/*
	top:20px;
	left:20px;
	*/
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
#zrm_text{
	/*width:426px;*/
	font-size: 25px;
	height:30px;
	padding-left:27px;
	padding-top:23px;
	/*background-image: url(bilder/zrm_text.png);*/
	/*position: absolute;
	top:-33px;
	left:51px;
	*/
}
#seite6 img{
	height:128px;
	width:auto;
	margin-right:5px;
	cursor:pointer;
}
#seite6 img.selected{
	border:3px solid #212c7f;
}


#seite8 .chosenPic, #seite9 .chosenPic{
	float:left;
	margin-right:5px;
	margin-bottom: 100px;
	width:369px;
	height: auto;
}
#seite9{
	overflow:auto;
}
#seite8 .auswahl{
	margin-left:375px;
}
#seite8 .auswahl label{
	cursor:pointer;
}
#seitencontainer{
		background-color:#eceded;
		min-height:400px;
		
	margin-top:6px;
	/*border:3px solid #0a007b;*/
	margin-bottom:20px;
	position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-box-sizing: border-box;
	padding-bottom: 15px;
-webkit-box-shadow: 6px 8px 22px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:6px 8px 22px 0px rgba(50, 50, 50, 0.75);
box-shadow:6px 8px 22px 0px rgba(50, 50, 50, 0.75);
}
.hr{
	width:100%;
	height:1px;
	background-color:#c17b94;
}
#body{
	/*width:100%;*/
	width:958px;
	position:relative;
	left:81px;
	/*font-weight: bold;*/
	margin:auto;
	min-height:300px;
}	
	
	


#vor,#back{
	width:100px;
	position: relative;
	top:-41px;
	height:40px;
	width:100px;
	cursor: pointer;
	letter-spacing: -5px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	visibility: hidden;
}
#back{
	
	
	left:-31px;
}
#vor{
	float:right;
	left:31px;
}

#fortschritt{
	width:200px;
	height:9px;
	margin-top:30px;
	margin-bottom:10px;
	margin-left: auto;
	margin-right: auto;
	border:1px solid gray;
}
#fortgeschritten{
	width:100%;
	height:100%;
	background-color: #0a007b;
}

/**DIONYSOS STYLES**/
#dionysos_seiteneigenschaften{
	position: absolute;
	top:54px;
	left:291px;
	z-index:5;
}
#dionysos_preview{
position: absolute;
	top:54px;
	right:91px;
	z-index:5;
}

.dionysos_button,.dionysos_button2,.dionysos_button3{
	border:2px solid #050075;
	background-color:#BFCBE1;
	color:black;
	font-size: 11px;
	padding-left:18px;
	padding-right:18px;
	padding-bottom: 6px;
	padding-top:6px;
	cursor: pointer;
}

.dionysos_button3{
	text-align: center;
}

#dionysos_window_content{
	color:black;
}


#weitereHinweise{
	float:right;
	padding:20px;
	background-color:#f4f6f6;
}
#weitereHinweise a,#weitereHinweise:hover,#weitereHinweise a:link,#weitereHinweise a:active{
	font-size:18px;
	text-decoration: none;
	color:inherit;
}